.assetusemsg {
  display: flex;
  flex-wrap: wrap;
}
.assetusemsg .form-group {
  align-items: center;
}
.form-control {
  display: inline-block;
  width: 55%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-19 {
  width: 19%;
}
.w-60 {
  width: 60%;
}
.w-33 {
  width: 33%;
}
.form-group label {
  display: inline-block;
  width: 24%;
  text-align: center;
}
.boundary {
  border: 1px dashed #d7dae0;
}
textarea{
  width: 100%;
}

.content{
  height: calc(100% - 12%);
  overflow-y: scroll;
  width: 101%;
}

.mat-dialog-container{
  overflow: inherit !important;
  min-width: 800px !important;
}
.dropdown-menu {
  min-width:50% !important;
  width: 50%;
  padding: 10px;
}
.uploadStyle {
  position: absolute;
  top: 25%;
  left: 16%;
  width: 25%;
  height: 58%;
  border: 1px solid;
  text-align: center;
}
.uploadStyle span {
  font-size: 40px;
}
.imgInput {
  position: absolute;
  top: 42%;
  z-index: 100;
  opacity: 0;
  width: 27%;
  left: 16%;
}
.imgBox {
  position: absolute;
  width: 73%;
  height: 70%;
  top: 19%;
  left: 54%;
  display: flex;
  justify-content: space-between;
}
.imgBox img {
  width: 100%;
  height: 80%;
}
.treemenu {
  position: absolute;
  transform: translate3d(76px, 36px, 0px);
  top: 0;
  left: 0;
  will-change: transform;
  z-index: 1000;
  float: left;
  margin: 0;
  font-size: 0.875rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,0.15);
  min-width: 50% !important;
  width: 60%;
  padding: 10px;
  max-height: 135px;
  overflow-y: scroll;
}
.red {
  text-align: center;
}
.qrcodeimg {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 100%;
  position: absolute;
  left: 30%;
}
.qrcodeimg img {
  width: 50px;
  height: 50px;
}
.everyimg {
  display: flex;
  flex-direction: column;
  width: 31%;
  height: 100%;
}
.grey {
  font-size: 9px;
  color: grey;
}

